<div class="">
    <h1 class="header">
        <?php echo __('Program Assignment List')?>
    </h1>
    <center><h2><?php echo __('note_akhi_alfadel_1') ?></h2></center>
    <br/>
    <div class="tabs_link_area menu">
        <ul>
            <li class="menu_item"><a href="#" class="active" id="tab_link_1" onclick="showAssignTab(1); return false;"><?php echo __('Mandatory programs');?></a></li>
            <li class="menu_item"><a href="#" id="tab_link_2" onclick="showAssignTab(2); return false;"><?php echo __('Optional programs');?></a></li>
            <li class="menu_item"><a href="#" id="tab_link_3" onclick="showAssignTab(3); return false;"><?php echo __('Previously assigned programs');?></a></li>            
        </ul>
    </div>
    
    <div class="clear"></div>
    
    <div class="tabs_content_area">
      <div id="tab_1" class="tab_content">
          <?php include_component('assignment', 'futurePrograms', array('is_mandatory'=>true, 'school_intg_id'=>$school_intg_id));?>
      </div>
      <div id="tab_2" class="tab_content" style="display: none;">          
          <?php include_component('assignment', 'futurePrograms', array('is_mandatory'=>false, 'school_intg_id'=>$school_intg_id));?>
      </div>    
      <div id="tab_3" class="tab_content" style="display: none;">          
          <?php include_component('assignment', 'historicPrograms', array('is_mandatory'=>null, 'school_intg_id'=>$school_intg_id));?>
      </div>    
      <?php include_partial('assignment/color_key');?>
    </div>
    
</div>

<script type="text/javascript">
function showAssignTab(tab_id){
    $('.tab_content').hide();
    $('.tabs_link_area li a').removeClass('active');
    $('#tab_link_'+tab_id).addClass('active');
    $('#tab_'+tab_id).show();    
}
</script>